﻿@import "../variables";

#ArticlesList														{ padding-bottom: 40px; }
#ArticlesList .list-wrapper											{ padding-bottom: 70px; }
#ArticlesList .list-wrapper .data									{ padding-left: 30px; float: left; width: 900px; }
#ArticlesList .list-wrapper .title									{ font-family: 'Segoe UI Light', 'Segoe UI'; font-weight: lighter; font-size: 20px; padding-bottom: 7px;  }
#ArticlesList .list-wrapper .text									{ padding: 10px 0; font-size: 11px; }
#ArticlesList .list-wrapper .picture								{ float: left; width: 120px; }
#ArticlesList .list-wrapper .picture img							{ max-width: 100%; }
#ArticlesList .list-wrapper .meta									{ display: block; color: @grey-base; font-size: 68%;}
#ArticlesList .list-wrapper .meta .author							{ color: @orange-base;}
#ArticlesList .pagination-wrapper									{ float: right; display: block; }
#ArticlesList .pagination-wrapper i.icon-chevron-left				{ padding-left: 0; padding-right: 10px; }

.updateArticle														{ padding-bottom: 40px; }
.ui-widget															{ font-size: 0.8em; }
.updateArticle .field-validation-error								{ width: 98%; }
.updateArticle hr													{ border: 0px; border-top: 1px dashed @border-base-color; padding: 20px 0; }
.updateArticle	h3													{ display: block; float: left; width: 30%; padding-bottom: 15px; color: @orange-base; font-weight: 600; text-transform: uppercase; font-size: 14px;}
.updateArticle .clearfix											{ padding-bottom: 50px; width: 100%; }
.updateArticle input,
.updateArticle textarea												{ width: 67%; display: block; padding-top: 2px; }
.updateArticle textarea#Title										{ font-family: 'Segoe UI Light', 'Segoe UI'; font-weight: lighter; font-size: 32px; }
.updateArticle textarea#ShortText									{}
.updateArticle textarea#LongText									{}

.updateArticle .subsectionsMultipleItemSelector						{ float: left;  }
.updateArticle .subsectionsMultipleItemSelector	h4					{ font-weight: bold; text-transform: uppercase; padding: 10px 0; font-size: 12px; color: @grey-base; }

.updateArticle .articleProps										{ font-size: 11px; }
.updateArticle .articleProps .clearfix								{ width: auto; }
.updateArticle .articleProps label									{ padding-right: 6px; float: left; }
.updateArticle .articleProps input									{ margin-right: 20px; float: left; }

.updateArticle .cke													{ width: 100%; clear: left; }
.updateArticle .cke_editor_ShortText								{ }
.updateArticle .cke_editor_LongText									{ }

.updateArticle .picture-manager-link								{ float: left; width: 70%; }
.updateArticle .picture-manager-link a								{ background-color: @green-base; display: block; color: white; .action-text-style;  }
.updateArticle .picture-manager-link a i							{ padding-right: 10px; }
.updateArticle .picture-manager-link a:hover						{ background-color: lighten(@green-base, 10%); }
.updateArticle .picture-manager-link a:active						{ background-color: darken(@green-base, 10%); }	
.updateArticle .picture-manager-link p								{ padding: 15px 0 10px 0; color: lighten(@grey-base, 25%); font-size: 12px; }
.updateArticle .picture-manager-link img							{ display: block;  }

.updateArticle .tag-cloud-wrapper									{ float: left; width: 70%; }
.updateArticle .tag-cloud-wrapper li								{ margin-right: 0; }
.updateArticle .tag-cloud-wrapper a									{ font-size: 70%; padding: 4px 6px; }